layui.use(['table', 'admin', 'ax', 'func','form','layer'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var func = layui.func;
    var form = layui.form;
    var layer = layui.layer;

    /**
     * 管理
     */
    var BtyYhkbg = {
        tableId: "btyYhkbgTable"
    };

    /**
     * 初始化表格的列
     */
    BtyYhkbg.initColumn = function () {
        return [[
            //{type: 'checkbox'},
            {field: 'id', hide: true, title: ''},
            {align: 'center', type: "numbers", title: '序号'},
            {field: 'sqr', sort: false, title: '申请人'},
            {field: 'phone', sort: false, title: '申请人电话'},
            {field: 'yhkyt', sort: false, title: '银行卡用途',templet:'#statusTpl1'},
            {field: 'yhkNum', sort: false, title: '银行卡号'},
            {field: 'picture',align: "center", sort: false,minWidth: 130, title: '银行卡变更声明', templet: function (d) {
                    if (d.picture === undefined || d.picture === "" || d.picture.indexOf("http") == -1) {
                        return "<p>暂无</p>";
                    } else {
                        return "<img src='"+ d.picture + "' style='height: 100%; max-width: 100%;' onclick='imgViewer(this)' >" ;

                    }
                }},
            {field: 'createTime', sort: false, title: '申请时间'},
            //{field: 'createUser', sort: true, title: '创建人'},
            {field: 'updateTime', sort: false, title: '通过(驳回)时间'},
            //{field: 'updateUser', sort: true, title: '更新人'},
            {field: 'status', sort: false, title: '审核状态',templet:'#statusTpl2'},
            {align: 'center', toolbar: '#tableBar', title: '操作'}
        ]];
    };
    $("#sqr").on("input",function(e){
        //获取input输入的值
        BtyYhkbg.search();
    });

    $("#phone").on("input",function(e){
        //获取input输入的值
        BtyYhkbg.search();
    });

    form.on('select(status)', function (data) {
        BtyYhkbg.search();
    });
    /**
     * 点击查询按钮
     */
    BtyYhkbg.search = function () {
        var queryData = {};
        queryData['sqr'] = $('#sqr').val();
        queryData['phone'] = $('#phone').val();
        queryData['status'] =$("#status  option:selected").val();

        table.reload(BtyYhkbg.tableId, {
            where: queryData, page: {curr: 1}
        });
    };

    BtyYhkbg.tg = function (data) {
        var sqr=data.sqr;
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/btyYhkbg/confirmOk", function (data) {
                if(data==3){
                    Feng.error("申请人："+sqr+"已审核通过!");
                    table.reload(BtyYhkbg.tableId);
                    return;
                }else if(data==2){
                    Feng.error("申请人："+sqr+"已驳回成功!");
                    table.reload(BtyYhkbg.tableId);
                    return;
                }
                Feng.success("通过成功!");
                table.reload(BtyYhkbg.tableId);
            }, function (data) {
                Feng.error("通过失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否通过?", operation);
    };

    BtyYhkbg.bh=function(data){
        var ajax = new $ax(Feng.ctxPath + "/btyYhkbg/detail?id=" + data.id);
        var result = ajax.start();
        var status= result.data.status;
        var sqr=data.sqr;
        if(status==1){
            //页面层-自定义
            var index = layer.open({
                type: 1,
                title: false,
                async: false,
                area: ['260px','190px'],
                closeBtn: 0,
                btnAlign: 'c',
                btn: ['确定', '取消'],
                content: '<textarea id="remark" lay-verify="required" required  class="layui-input" type="text" autocomplete="off"\n' +
                    'placeholder="请输入驳回原因" style="height: 120px;padding-top: 10px;width: 245px;margin-left: 7px;\n' +
                    '    margin-top: 12px;" ></textarea>',
                yes: function () {
                    var remark= $('#remark').val();
                    if(remark==""){
                        alert("请输入驳回原因!");
                        return false;
                    }else{
                        var ajax = new $ax(Feng.ctxPath + "/btyYhkbg/bohui", function (data) {
                            if(data==3){
                                Feng.error("申请人："+sqr+"已审核通过!");
                                table.reload(BtyYhkbg.tableId);
                                return;
                            }else if(data==2){
                                Feng.error("申请人："+sqr+"已驳回成功!");
                                table.reload(BtyYhkbg.tableId);
                                return;
                            }
                            Feng.success("驳回成功!");
                            table.reload(BtyYhkbg.tableId);
                        }, function (data) {
                            Feng.error("驳回失败!" + data.responseJSON.message + "!");
                        });
                        ajax.set("id", data.id);
                        ajax.set("reason",remark);
                        ajax.start();
                        layer.closeAll();
                    }

                },
            });
            layer.closeAll(index);
        }else {
            var ajax = new $ax(Feng.ctxPath + "/btyYhkbg/bohui", function (data) {
                if(data==3){
                    Feng.error("申请人："+sqr+"已审核通过!");
                    table.reload(BtyYhkbg.tableId);
                    return;
                }else if(data==2){
                    Feng.error("申请人："+sqr+"已驳回成功!");
                    table.reload(BtyYhkbg.tableId);
                    return;
                }
                Feng.success("驳回成功!");
                table.reload(BtyYhkbg.tableId);
            }, function (data) {
                Feng.error("驳回失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        }

    }

    /**
     * 跳转到添加页面
     */
    BtyYhkbg.jumpAddPage = function () {
        window.location.href = Feng.ctxPath + '/btyYhkbg/add'
    };



    /**
    * 跳转到编辑页面
    *
    * @param data 点击按钮时候的行数据
    */
    BtyYhkbg.jumpEditPage = function (data) {
        window.location.href = Feng.ctxPath + '/btyYhkbg/edit?id=' + data.id
    };

    /**
     * 导出excel按钮
     */
    BtyYhkbg.exportExcel = function () {
        var checkRows = table.checkStatus(BtyYhkbg.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击删除
     *
     * @param data 点击按钮时候的行数据
     */
    BtyYhkbg.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/btyYhkbg/delete", function (data) {
                Feng.success("删除成功!");
                table.reload(BtyYhkbg.tableId);
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否删除?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + BtyYhkbg.tableId,
        url: Feng.ctxPath + '/btyYhkbg/list',
        page: true,
        height: "full-158",
        cellMinWidth: 100,
        cols: BtyYhkbg.initColumn()
    });

    imgViewer = function (img) {
        let _tr = $(img).parents('tr')
        let index = $(_tr).index()

        // let $image = $('.layui-table-main tbody tr[data-index= '+ index + '] img')

        $('.layui-table-main tbody tr[data-index= '+ index + ']').viewer()
        return
    };

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        BtyYhkbg.search();
    });

    // 添加按钮点击事件
    $('#btnAdd').click(function () {

    BtyYhkbg.jumpAddPage();

    });

    // 导出excel
    $('#btnExp').click(function () {
        BtyYhkbg.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + BtyYhkbg.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            BtyYhkbg.jumpEditPage(data);
        } else if (layEvent === 'delete') {
            BtyYhkbg.onDeleteItem(data);
        }else if (layEvent === 'tg') {
            BtyYhkbg.tg(data);
        }else if (layEvent === 'bh') {
            BtyYhkbg.bh(data);
        }
    });

});

